
<ui:composition  xmlns="http://www.w3.org/1999/xhtml"
                 xmlns:ui="http://java.sun.com/jsf/facelets"
                 xmlns:f="http://java.sun.com/jsf/core"
                 xmlns:h="http://java.sun.com/jsf/html"
                 xmlns:c="http://java.sun.com/jsp/jstl/core"
                 xmlns:pou="http://primefaces.org/ui">


    <div style="overflow: auto">
        <div id="donut1" style="width: 900px; height: 400px;  float: left; "  ></div>

    </div>

    <script type="text/javascript">
        $(function() {
            var data = [#{graphicUnoP.grapIntCarteraAntMesAct.dataDonutGraphic1}
            ];
            var plot1 = jQuery.jqplot('donut1', [data],
                    {title: 'Integracion de Cartera por Antigüedad Mes Actual',
                        seriesDefaults: {
                            // Make this a pie chart.
                            renderer: jQuery.jqplot.PieRenderer,
                            rendererOptions: {
                                // Put data labels on the pie slices.
                                // By default, labels show the percentage of the slice.
                                showDataLabels: false
                            }
                        },
                        legend: {show: true, location: 'e'
                                    //,placement: 'outsideGrid'  
                        }
                    }
            );
        });
    </script>

</ui:composition>
